<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>用户管理</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="../../layui/css/layui.css"  media="all">
  <link rel="stylesheet" href="/res/zTree_v3/css/metroStyle/metroStyle.css" type="text/css"/>
  <link rel="stylesheet" href="../../css/style.css" media="all">
</head>
<style>
	.layui-table{width: 100%!important;}  /* 加载的表格样式---提高优先级 */
	.layui-form-label{width:90px}
	 /* 下拉多选样式 需要引用*/
        select[multiple]+.layui-form-select>.layui-select-title>input.layui-input{ border-bottom: 0}
        select[multiple]+.layui-form-select dd{ padding:0;}
        select[multiple]+.layui-form-select .layui-form-checkbox[lay-skin=primary]{ margin:0 !important; display:block; line-height:36px !important; position:relative; padding-left:26px;}
        select[multiple]+.layui-form-select .layui-form-checkbox[lay-skin=primary] span{line-height:36px !important;padding-left: 10px; float:none;}
        select[multiple]+.layui-form-select .layui-form-checkbox[lay-skin=primary] i{ position:absolute; left:10px; top:0; margin-top:9px;}
        .multiSelect{ line-height:normal; height:auto; padding:4px 10px; overflow:hidden;min-height:38px; margin-top:-38px; left:0; z-index:99;position:relative;background:none;}
        .multiSelect a{ padding:2px 5px; background:#908e8e; border-radius:2px; color:#fff; display:block; line-height:20px; height:20px; margin:2px 5px 2px 0; float:left;}
        .multiSelect a span{ float:left;}
        .multiSelect a i {float:left;display:block;margin:2px 0 0 2px;border-radius:2px;width:8px;height:8px;padding:4px;position:relative;-webkit-transition:all .3s;transition:all .3s}
        .multiSelect a i:before, .multiSelect a i:after {position:absolute;left:8px;top:2px;content:'';height:12px;width:1px;background-color:#fff}
        .multiSelect a i:before {-webkit-transform:rotate(45deg);transform:rotate(45deg)}
        .multiSelect a i:after {-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
        .multiSelect a i:hover{ background-color:#545556;}
        .multiOption{display: inline-block; padding: 0 5px;cursor: pointer; color: #999;}
        .multiOption:hover{color: #5FB878}

        @font-face {font-family: "iconfont"; src: url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAaoAAsAAAAACfwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kokY21hcAAAAYAAAABwAAABsgdU06BnbHlmAAAB8AAAAqEAAAOUTgbbS2hlYWQAAASUAAAALwAAADYR+R9jaGhlYQAABMQAAAAcAAAAJAfeA4ZobXR4AAAE4AAAABMAAAAUE+kAAGxvY2EAAAT0AAAADAAAAAwB/gLGbWF4cAAABQAAAAAfAAAAIAEVAGhuYW1lAAAFIAAAAUUAAAJtPlT+fXBvc3QAAAZoAAAAPQAAAFBD0CCqeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/s04gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVLwwZ27438AQw9zA0AAUZgTJAQAokgyoeJzFkTEOgCAQBOdAjTH+wtbezvggKyteTPyFLpyFvsC9DNnbHIEA0AJRzKIBOzCKdqVW88hQ84ZN/UBPUKU85fVcrkvZ27tMc17FR+0NMh2/yf47+quxrtvT6cVJD7pinpzyI3l1ysy5OIQbzBsVxHicZVM9aBRBFJ43c7szyeV2s/97m9zP3ppb5ZID72+9iJfDnyIiGImCMZWFXaKdaSyuESJYCFZpRZBUCpaJcCCKaexsRVHQytrC2/Pt5ZSIy+z3vvnemwfvY4ZIhAw/s33mEoMcJyfJebJCCMgVKCk0B37YqNIKWL5kOabCwiD0eVCqsjPglGTTrrUaZUfmsgoK5KHu11phlYbQbHToaajZOYDsjLeqz83q7BFMumH+fnyRPgGrEMyqnYV4eX7JrBUNsTWl61ldfyhkSRKUplQFNh17QpqYlOOnkupZ+4UTtABT2dC7tJYpzug3txu3c3POBECvB8ZMUXm2pHkarnuebehZPp0RrpcJjpmw9TXtGlO58heCXwpnfcVes7PExknPkVWctFxSIUxANgs4Q9RaglYjjIKwCqGvANfy4NQtBL8DkYaipAVVaGqNVuTnoQBYg8NzHzNaJ7HAdpjFXfF2DSEjxF2ui7T8ifP2CsBiZTCsLCbxCv4UDvlgp+kFgQcHXgAQP64s0gdQdOOKWwSM8CGJz4V4c11gQwc70hTlH4XLv12dbwO052OotGHMYYj8VrwDJQ/eeSXA2Ib24Me42XvX993ECxm96LM+6xKdBCRCNy6TdfSDoxmJFXYBaokV5RL7K/0nOHZ9rBl+chcCP7kVMML6SGHozx8Od3ZvCEvlm5KQ0nxPTJtiLHD7ny1jsnxYsAF7imkq8QVEOBgF5Yh0yNkpPIenN2QAsSdMNX6xu85VC/tiE3Mat6P8JqWM73NLhZ9mzjBy5uAlAlJYBiMRDPQleQ+9FEFfJJImGnHQHWIEmm/5UB8h8uaIIzrc4SEPozByel3oDvFcN+4D+dU/uou/L2xv/1mUQBdTCIN+jGUEgV47UkB+Aw7YpAMAAAB4nGNgZGBgAGLbQwYd8fw2Xxm4WRhA4HrO20sI+n8DCwOzE5DLwcAEEgUAPX4LPgB4nGNgZGBgbvjfwBDDwgACQJKRARWwAgBHCwJueJxjYWBgYH7JwMDCgMAADpsA/QAAAAAAAHYA/AGIAcp4nGNgZGBgYGWIYWBjAAEmIOYCQgaG/2A+AwASVwF+AHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nGNgYoAALgbsgJWRiZGZkYWRlZGNgbGCuzw1MykzMb8kU1eXs7A0Ma8CiA05CjPz0rPz89IZGADc3QvXAAAA') format('woff')}
        .iconfont {font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
        .icon-fanxuan:before { content: "\e837"; }
        .icon-quanxuan:before { content: "\e623"; }
        .icon-qingkong:before { content: "\e63e"; }
         #permissionMenuContent ul.ztree {
			margin-top: 10px;
			border: 1px solid #617775;
			background: #f0f6e4;
			height: 270px;
			overflow-y: scroll;
			overflow-x: auto;
		}
</style>
<body>
<div class="layui-fluid" style="padding-top:10px;">
	<!--编辑表格弹出层开始-->
	<form id="form_edit"   class="layui-form" action="">
	  <div class="layui-form-item">
	    <input type="hidden" id="userId_edit" name="id" autocomplete="off" class="layui-input">
	    <label class="layui-form-label"><span style="color:red;">*</span>用户名称</label>
	    <div class="layui-input-inline">
	        <input type="text" id="userName_edit" name="userName"   lay-verify="fusername"  autocomplete="off" class="layui-input">
	    </div>
	    <label class="layui-form-label"><span style="color:red;">*</span>姓名</label>
	    <div class="layui-input-inline">
	        <input type="text" id="name_edit" name="name"   lay-verify="fname" placeholder="请输入真实姓名"  autocomplete="off" class="layui-input">
	    </div>
	  </div>
	  <div class="layui-form-item">
	    <label class="layui-form-label">分配权限</label>
	    <div class="layui-input-inline">
		  <input type="hidden" name="permissionIds" id="permissionIds"/>
	      <input type="text" placeholder="点击分配权限" autocomplete="off" class="layui-input" readonly="readonly" id="permissionNames" onclick="permissionShowMenu();" />
	    </div>
	    <label class="layui-form-label"><span style="color:red;">*</span>职位</label>
	    <div class="layui-input-inline">
	      <input type="text" id="position" name="position"  lay-verify="fposition" autocomplete="off" class="layui-input">
	    </div>
	  </div>
	  <div class="layui-form-item">
	    <label class="layui-form-label"><span style="color:red;">*</span>手机号</label>
	    <div class="layui-input-inline">
	      <input type="text" id="userphone_edit" name="phone"  lay-verify="fphone" autocomplete="off" class="layui-input">
	    </div>
	    <label class="layui-form-label"><span style="color:red;">*</span>类型</label>
	    <div class="layui-input-inline">
	        <select name="type" id="type_elSelect"   lay-search lay-filter='type'  placeholder="类型" defaultmsg="类型"></select>
	    </div>
	  </div>
	  <div class="layui-form-item" id="poswordtext">
	    <label class="layui-form-label"><span style="color:red;">*</span>用户密码</label>
	    <div class="layui-input-inline">
	      <input type="password" id="userPassword_edit" name="pwd"  lay-verify="fpassword" autocomplete="off" class="layui-input">
	    <input type="hidden" id="passwordhidden" name="passwordhidden" value="">
	    </div>
	    <label class="layui-form-label"><span style="color:red;">*</span>确认密码</label>
	    <div class="layui-input-inline">
			<input type="password" id="subuserPassword" class="layui-input" lay-verify="fconfirmPassword" autocomplete="off" />
	    </div>
	  </div>
	  <div class="layui-form-item">
	    <label class="layui-form-label"></label>
	    <div class="layui-input-inline" style="width:500px;color:red;font-size:14px">
			(密码必须包含大小写字母、数字、特殊符号、密码长度8-16位)
	    </div>
	  </div>
	  
	  <div class="layui-form-item">      	   
		    <label class="layui-form-label">头像</label>
		    <div class="layui-input-inline" style="width:150px">
		        <a href="javascript:;" onclick="Viewerfun('viewer_image')">
		           <div id="viewer_image" >
					   <img data-original="/res/images/up.png" src="/res/images/up.png"  alt="头像"  style="width:40px;height:40px" />
				   </div>
		        </a>
		        <input type="hidden" id="image" name="image"  class="layui-input">
		        <input type="file" id="addImage" style="width: 75px; position: absolute; right: 0px;top: 5px;" autocomplete="off" />
		    </div>
	 </div>
	  <div class="layui-form-item">
	    <label class="layui-form-label"><span style="color:red;">*</span>选择省份</label>
	    <div class="layui-input-inline">
	      <select name="provinceCode" id="provinceCode"   lay-filter='Province' lay-verify="fProvince" condition=""></select>
	    </div>
	    <label class="layui-form-label"><span style="color:red;">*</span>选择市</label>
	    <div class="layui-input-inline">
			<select name="cityCode" id="cityCode"   lay-filter='city' lay-verify="fcity" condition="">
			   <option value="">请选择市</option>
			</select>
	    </div>
	  </div>
	  <div class="layui-form-item">
	    <label class="layui-form-label"><span style="color:red;">*</span>选择区县</label>
	    <div class="layui-input-inline">
	      <select name="areaCode" id="areaCode" lay-filter='District' lay-verify="fDistrict"  condition="">
			  <option value="">请选择区县</option>
		  </select>
	    </div>
	    <label class="layui-form-label"><span style="color:red;">*</span>街道</label>
	    <div class="layui-input-inline">
			<select name="streetCode" id="streetCode" lay-filter='Street'  lay-verify="fStreet"  >
			   <option value="">请选择街道</option>
		    </select>
	    </div>
	  </div>
	  <div class="layui-form-item">
	  <div class="communityConter"> 
	    <label class="layui-form-label"><span style="color:red;">*</span>选择社区</label>
	    <div class="layui-input-inline">
	      <select name="communityId" id="communityId" lay-filter='community' lay-verify="fcommunity"  condition="">
			  <option value="">请选择社区</option>
		  </select>
	    </div>
	    </div>
        <div class="GridConter">
	        <label class="layui-form-label"><span style="color:red;">*</span>选择网格</label>
		    <div class="layui-input-inline">
				<select name="gridId" id="gridId" lay-filter='fGrid'   >
				  <option value="">请选择网格</option>
			   </select>
		    </div>
	    </div>	    
	  </div>
	  <div class="layui-form-item">      
	    <div class="frqIdConter">
	        <label class="layui-form-label"><span style="color:red;">*</span>小区</label>
		    <div class="layui-input-inline">
				<select name="residentialQuartersId" id="frqId" lay-filter='frq'   >
				  <option value="">请选择小区</option>
			   </select>
		    </div>
	    </div>	
	  </div>
      <div class="layui-form-item">
      <div class="floorConter"> 
		<label class="layui-form-label"><span style="color:red;">*</span>选择楼号</label>
		<div class="layui-input-inline">
			<select class="" placeholder="选择楼号"  id="floorId" name="floorId"  lay-filter='floor' >
				<option value="">选择楼号</option>
			</select>
		</div>
		</div>
		<div class="unitConter"> 
		<label class="layui-form-label"><span style="color:red;">*</span>选择单元</label>
		<div class="layui-input-inline">
			<select class="" placeholder="选择单元"  id="unitId" name="unitId" lay-filter='funitId' >
				<option value="">选择单元</option>
			</select>
		</div>
		</div>
	  </div>
	   <div class="layui-form-item"> 
	   <div class="departmentConter">   	    
	    <label class="layui-form-label"><span style="color:red;">*</span>选择部门</label>
	    <div class="layui-input-inline">
	     <input type="hidden" name="departmentId" id="departmentId"/>
	      <input type="text" lay-verify="fpid"  name="pName" id="pname" placeholder="选择部门" autocomplete="off" class="layui-input" onclick="showMenu(); return false;" readonly="readonly" />	 	    
	  </div>
	  </div>
	  <div class="layui-form-item">
	    <label class="layui-form-label">备注</label>
	    <div class="layui-input-inline" style="width:500px;">
		  <textarea id="remarks_edit" name="remarks" placeholder="请输入内容" lay-verify="fremarks"  class="layui-textarea"></textarea>
	    </div>
	  </div>	
	  <div class="layui-form-item" id="bntgroup">
	    <div class="from_but">
	      <button class="layui-btn layui-btn-normal" id="queryCondBtn" lay-submit lay-filter="editInfo">提交</button>
	    </div>
	  </div>
	</form>
</div>
<!-- 权限分配菜单 -->
<div id="permissionMenuContent" class="permissionMenuContent" style="display:none; position: absolute;z-index:999999999">
	<ul id="permissionTree" class="ztree" style="margin-top:0; width:178px;"></ul>
</div>	
<div id="menuContent" class="menuContent" style="display:none; position: absolute;">
	  <ul id="treeDemo" class="ztree" style="margin-top:0; width:160px;">
	  </ul>
	</div>
<script src="/res/js/common/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="/res/zTree_v3/js/jquery.ztree.core.js"></script>
<script type="text/javascript" src="/res/zTree_v3/js/jquery.ztree.excheck.js"></script>
<script type="text/javascript" src="/res/zTree_v3/js/jquery.ztree.exedit.js"></script>
<script src="/res/js/common/app.js"></script>
<script type="text/javascript" src="/res/js/common/Range.js" ></script>
<script src="/res/js/validate.js"></script>
<script src="/res/layui/layui.js"></script>
<script src="/res/js/user/user_limt.js"></script>
<script src="/res/js/user/user_edit.js"></script>
</body>
</html>